<%@page import="br.ufrn.cloud.gae.teamgae.model.Jogador"%>
<%@page import="java.util.List"%>
<%@page import="com.google.appengine.api.datastore.KeyFactory"%>
<%@page import="com.google.appengine.api.datastore.Key"%>
<%@page import="br.ufrn.cloud.gae.teamgae.model.Time"%>
<%@page import="br.ufrn.cloud.gae.teamgae.jdo.DAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Listagem de Jogadores</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jogador.js"></script>
<script type="text/javascript" src="js/js/jquery-ui-1.8.19.custom.min.js"></script>
<link type="text/css" href="js/css/sunny/jquery-ui-1.8.19.custom.css" rel="stylesheet"/> 
</head>
<body>
<%
	DAO<Time> dao=new DAO<Time>();
	String key=request.getParameter("key");
	Key chave=KeyFactory.stringToKey(key);
	Time time=dao.getTimeByKey(chave);
	
	List<Jogador> jogadores=time.getJogadores();
%>
<button id="criarjogador">Criar Jogador</button>
<table class="ui-widget ui-widget-content" id="tabelajogadores">
<thead>
<td>
Nome
</td>
<td>Data de Nascimento</td>
<td>Posição</td>
<td>Operações</td>
</thead>
<tbody>
<%for (Jogador jogador:jogadores) {%>
<tr id="tr<%=KeyFactory.keyToString(jogador.getKey())%>">
<td><%=jogador.getNome() %></td>
<td><%=jogador.getDataNascimento() %></td>
<td><%=jogador.getPosicao() %></td>
<td><a href="#" class="alterar" id="alt<%=KeyFactory.keyToString(jogador.getKey()) %>">Alterar</a> <a class="excluir" href="#" id="exc<%=KeyFactory.keyToString(jogador.getKey()) %>">Excluir</a></td>
</tr>
<%} 
%>

</tbody>
</table>


<div id="formjogador" title="Cadastrar Jogador">

<form>
<fieldset>
<legend>Cadastro</legend>
<label for="nome">Nome:</label>
<input type="text" name="nome" id="nome" class="text ui-widget-content ui-cornerall"/>
<label for="datanascimento">Data de Nascimento:</label>
<input type="text" name="datanascimento" id="datanascimento" class="text ui-widget-content ui-cornerall"/>
<label for="posicao">Posição:</label>
<input type="text" name="posicao" id="posicao" class="text ui-widget-content ui-cornerall"/>
<input type="hidden" id="operacao" name="operacao"/>
<input type="hidden" id="jogadorkey" name="jogadorkey"/>
<input type="hidden" id="time" value=<%=KeyFactory.keyToString(time.getKey())%> />
</fieldset>
</form>

</div>

<a href="time.jsp" class="ui-widget ui-widget-content">Voltar</a>
</body>
</html>